:root{--puock-block-not-tran:100%}

WordPress网站加载速度优化

64次阅读
没有评论

共计 1088 个字符,预计需要花费 3 分钟才能阅读完成。

一,网站打开速度的重要性

1,网站有投放 Google adwords 或 Facebook 广告等,广告转化率糟糕,那么网站打开速度是最直接最基础的影响因素之一。

2,做 SEO 方面,在网页可被搜索引擎爬虫抓取的前提下,网站速度也是最直接最基础影响网站 seo 排名的因素之一;

对于 Google SEO:一个是:首字节时间(TTFB),一个是:网页打开时间。

二,wordpress 网站打开速度慢的一部分原因

1. 所购买服务器不在营销目标国家,服务器配置低

2. 使用的模板过于繁重

3. 过度使用 wordpress 插件

4. 同个页面大量图片,所有图片同步加载,上传不压缩等

5. 建站时追求大量页面动画特效

三,如何测试网站打开速度

工具 1:WebPageTest

d5ba6bca627e3a19d75a487b70a65393-1-1

工具 2:gtmetrix.com

GTmetrix-Grade

工具 3:tool.pingdom.com

pingdom

工具 4:PageSpeed Insights

PageSpeed Insights

四,网站打开速度优化

A. 当你是程序员时的解决方案:

资源加载:1. 将同类型资源在服务器端压缩合并,减少网络请求次数和资源体积。

2. 引用通用资源,充分利用浏览器缓存。

3. 使用 CDN 加速,将用户的请求定向到最合适的缓存服务器上。

4. 非首屏图片懒加载,将网络带宽留给首屏请求。

页面渲染:1. 将 CSS 样式写在头部样式表中,减少由 CSS 文件网络请求造成的渲染阻塞。

2. 将 JavaScript 放到文档末尾,或使用 async 方式加载,避免 JS 执行阻塞渲染。

3. 对非文字元素(如图片,视频)指定宽高,避免浏览器重排重绘。

网站架构:1. Database 读写分离解决数据库的读性能瓶颈,提高性能

2. WebSever 负载均衡将一个请求的入口映射到多个处理请求的节点,从而实现分而治之

3. 数据缓存 通过 redis/memecache 缓存的使用,减少了数据库读的压力,从而提高性能

B. 当你是 WP 建站人员的解决方案:

1. 购买可升级类型的服务器,提高网站的可持续大流量访问行为

2. 使用单一功能性 wordpress 主题模板

3. 尽量使用代码解决 wordpress 独立站功能需求(先行百度谷歌,无需自己敲代码)

4. 提前安装 smush 插件,在线使用 http://tinypng.com 压缩图片在上传到网站

5. 网站尽量多些文本内容,小些特效,图片等

6. 使用 w3 total cache,WP Fastest Cache,autoptimize 插件充分利用缓存,压缩 js,css 等​

7. 购买 cloudflare 网站等 cdn 技术,优化网站打开速度

正文完
 0
评论(没有评论)